@(usuarios: List[Usuarios])

@main("Usuários"){
<meta charset="utf-8">

<div class="panel panel-default">
	<div class="panel-heading col-md-12">
		<h3 class="panel-title col-md-11">Listagem de usuários</h3>

		<div class="btn-toolbar col-md-1 col-md-offset-11">
			<div class="btn-group">
				<a href=""><i class="fa fa-search fa-2x pull-left" style="margin-right: 10px" 
							  data-toggle="tooltip" data-placement="top" title="Pesquisar"></i></a> 
				<a href="/usuario/novo_usuario"><i class="fa fa-file-o fa-2x pull-right" 
								data-toggle="tooltip" data-placement="top" title="Novo usuário"></i></a>
			</div>
		</div>
	</div>
	<div class="panel-body" style="min-height: 450px; max-height: 450px">
		<table class="table table-striped table-hover">

			@if(usuarios == null || usuarios.isEmpty){
			<tr>
				<td>Nenhum resultado foi encontrado!</td>
			</tr>
			}else{
			<thead>
				<tr>
					<th>Nome</th>
					<th>Login</th>
					<th>Tipo de perfil</th>
				</tr>
			</thead>
			<tbody>
				@for(usuario <- usuarios){
				<tr>
					<td>@usuario.getPessoa().getNome()</td>
					<td>@usuario.getLogin()</td>
					<td>@usuario.getPerfil.getNome()</td>
				</tr>
				} }
			</tbody>
		</table>
	</div>
</div>

<script type="text/javascript">
$(function () { $("[data-toggle='tooltip']").tooltip(); });
</script>
}
